<template>
  <vertical-layout>
    <div class="see" :style="conheight">
      <div class="head404"></div>
      <div class="txtbg404">
        <div class="txtbox">
          <p>对不起，您请求的页面不存在、或已被删除、或暂时不可用</p>
          <p class="paddingbox">请点击以下链接继续浏览网页</p>
          <p>&gt;&gt; <a style="cursor:pointer" onclick="location.href = -1">返回上一页面</a></p>
          <p>&gt;&gt; <a href="/">返回网站首页</a></p>
        </div>
      </div>
    </div>
  </vertical-layout>
</template>
<script>
import VerticalLayout from '@/layout/VerticalLayout'
import NotFound from '@/assets/NotFound.jpeg'
export default {
  name: 'NotFound',
  data() {
    return {
      // 设置背景图
      // setStyle: {
      //     backgroundImage: "url(" + require("../assets/404.jpg") + ")",
      //     backgroundRepeat: "repeat",
      //     height: '660px'
      //  }
      conheight: {
        height: '',
      }
    }
  },
  components: {
    VerticalLayout
  },
　methods:{
    getHeight(){
      this.conheight.height = window.innerHeight - 68 + 'px';
    }
  },
  created() {
      // 动态高度获取
      // window.addEventListener('resize', this.getHeight);
      // this.getHeight()
      // 取URL地址上的参数：
      // this.$route.query.[参数名称]，this.$route.params
      // this.errorPage = this.$route.query.to
      // console.log(this.$route.query.to)
  }
};
</script>
<style scoped>
.see { min-height: 414px;}
.head404{ width:580px; height:234px; margin:0 auto; background: url('../assets/NotFound.jpeg');
background-repeat: no-repeat; background-position: -40px, 0; }
.txtbg404{ width:499px; height:169px; margin:10px auto 0 auto;}
.txtbg404 .txtbox{ width:390px; position:relative; top:30px; left:60px; font-size:13px;}
.txtbg404 .txtbox p {margin:5px 0; line-height:18px;}
.txtbg404 .txtbox .paddingbox { padding-top:15px;}
.txtbg404 .txtbox p a { color:#387adf; text-decoration:none;}
.txtbg404 .txtbox p a:hover { color:#FC9D1D; text-decoration:underline;}
</style>